草庐IT

iphone - 限制 UISCrollView 向上滚动

全部标签

javascript - 使用滚动动画在站点中闪烁固定标题

所以我正在构建一个网站,该网站将在滚动事件上触发一些css3动画。大约在编写滚动动画的一半时,我注意到页面标题和其他position:fixed元素上有很多闪烁。我能做些什么来减少这种闪烁吗?(理想情况下没有jQuery) 最佳答案 好吧,看起来这个问题可能与chrome以及在滚动期间触发CSS动画时固定定位元素呈现的速度有关。我想看看thislittletrick将硬件加速实际上不是Chrome中CSS动画主题的元素。事实证明确实如此。:)解决方法如下:.topbar{-webkit-transform:translate3d(0

Javascript 正则表达式将文本字段限制为仅数字(必须允许不可打印的键)

我从以前的开发人员那里收到了PHP/JS代码,我需要在手机号码字段中添加号码验证。我已经有了HTML验证,但我需要补充一点,如果有人按下无效键,它不会显示出来,只是为了稍后以红色突出显示该字段,因为它包含无效输入。我见过很多正则表达式的使用和尝试,但它们对我的需要有一个/或的影响:如果输入字母或特殊字符,不接受也不显示,所有其他输入(数字,keys)被接受(我需要无效字符根本不显示,不显示然后删除)。现在最有效的正则表达式是这样的:functionfilterNonDigits(evt){varevent=evt||window.event;varkeyentered=event.ke

javascript - 禁用浏览器滚动条

嗨是否可以通过java脚本禁用浏览器滚动条...?如果是怎么办?有知道的帮帮我...提前致谢.. 最佳答案 CSSbody{overflow:hidden;}JavaScriptdocument.body.style.overflow="hidden";jQuery$("body").css('overflow','hidden'); 关于javascript-禁用浏览器滚动条,我们在StackOverflow上找到一个类似的问题: https://stack

javascript - 有没有办法限制 javascript 性能来模拟慢速客户端

我在一个使用jQuery的网站上工作,并且有相当数量的使用$(document).ready()运行的javascript。在我的开发机器上,一切都运行良好,但它是一台非常强大的机器。我收到过使用旧硬件的人的报告,他们的行为看起来很奇怪,而且我相当确信这是因为在较慢的机器上处理这个初始javascript所花费的时间。显然,解决方案是整理这个初始的javascript,但这让我想知道-有没有人知道在Chrome或Firefox中减慢javascript执行速度的方法,以便能够在我的开发中模拟这些较慢的客户端机器?干杯!更新:回到发布此问题时,并没有与今天相同的工具集。当时VM选项是最佳

javascript - 防止 fb.ui() 滚动浏览器

我正在使用iframe开发FacebookCanvas页面应用程序。我正在使用fb.ui()创建一个用于共享的对话框,但是当对话框打开时,它首先居中,然后一旦异步调用加载对话框,它将对话框移动到iframe的顶部并滚动浏览器到顶部。我考虑过使用jQuery来重新定位框,但是我还必须滚动浏览器位置,这让我大吃一惊。任何建议将不胜感激。 最佳答案 有同样的问题,在iFrame中定位很糟糕。保持对话框正确定位的最简单方法是使用弹出显示选项,它会在当前页面的中心上方弹出一个新的浏览器窗口。它不是那么漂亮,但效果很好。//genericsha

javascript - iPad 应用程序上的动量滚动问题

在我的页面上,我有两个面板,其中左侧面板包含一个堆叠在一起的元素列表,当我单击/选择其中一个元素时,有关所选元素的更多信息将显示在右侧面板中。我需要右侧面板可以滚动,因此向该面板添加了类似原生的动量滚动,如下所示-#rightPanel{position:absolute;top:50px;height:400px;width:500px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}要在左侧面板中的元素列表中移动,我添加了单指滑动。它工作正常,但是当我滑动下一个元素时,右侧面板已经滚动,这是不需要的。为了解决这个问题,添加了这

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 在拖放元素上滚动在 IE9 中创建行

https://jsfiddle.net/hjcsnrs3/1/我创建了上面的fiddle来解释我的问题。我正在使用jQuerysortable水平拖放元素。在Chrome/FF中运行良好。但是在IE中,尤其是IE9,每当我拖动元素时,它都会掉到下一行。每次拖放都会创建新行。$(function(){$("#sortable").sortable({items:">div",opacity:0.8,placeholder:"placeholder",tolerance:"pointer",helper:"original",revert:true,axis:"x"});$("#sort

javascript - 捏缩放后 iPhone 谷歌地图 v3 平移

我在为iPhone开发Web应用程序时遇到了问题。当我访问像http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/examples/map-simple.html这样的简单示例时在iPhone中,当我从屏幕上松开手指时,捏合缩放map平移。这使得map最终出现在我缩放到的地方以外的地方。有什么方法可以防止map在双指缩放释放后平移吗? 最佳答案 不幸的是,当涉及到在移动设备上查看网络应用程序时,iPhone使用触摸屏技术(尤其是Cocoa)可能会产生

javascript - 固定元素通过时如何在父元素内滚动元素?

这对我的jQuery/javascript知识来说有点太棘手了,所以我很抱歉地说我还没有真正尝试过任何东西。我需要一些提示来指明正确的方向!问题是我的页面上有一个固定元素,当向下滚动时这个元素将进入不同的包装器,而在那个包装器中我需要一个较小的子元素来“捕捉”到我的固定元素并且当它在元素。有点难以解释,我在这里做了一个静态模型:http://jsfiddle.net/ycmYc/当“固定购物车按钮”达到价格时,只要它在价格“product-div”内,我就需要它附加并与购物车按钮一起滚动。当它离开并进入下一个时,价格应保留在其产品的底部,然后在用户通过向上滚动到达它时再次捕捉到购物车按